.content {
    display: flex;
    overflow: auto;
    flex: 1;
    flex-direction: column;
    padding: 24px;

    .funcList {
        display: flex;
        justify-content: center;

        > div {
            display: flex;
            width: 100px;
            height: 100px;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 2px solid #ebebeb;
            margin-right: 12px;
            border-radius: 4px;
            cursor: pointer;

            .icon {
                font-size: 30px;
            }

            &:hover {
                border: 2px solid rgb(57 186 237);
            }
        }

        .selectedFunc {
            border: 2px solid rgb(241 54 44);
        }
    }

    .timeBar {
        display: flex;
        justify-content: center;
        margin-top: 12px;
        font-size: 28px;
    }

    .startRecorder {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;

        img {
            cursor: pointer;
        }
    }
}

.window {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    > div {
        display: flex;
        overflow: hidden;
        width: 210px;
        flex-direction: column;
        align-items: center;
        margin: 0 12px 12px 0;

        img {
            &:hover {
                transform: scale(1.5);
            }
        }

        .windowName {
            overflow: hidden;
            width: 200px;
            font-weight: 500;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
}

.windowShotSnap {
    display: flex;
    overflow: hidden;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(28 157 237);
    border-radius: 4px;

    img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 100%;
    }
}

.selectedWindow {
    border: 2px solid rgb(241 66 46);
}
